nfc wip

2 files changed, 50 insertions, 9 deletions

diff --git a/src/routes/(app)/[username]/card/[serial]/+page.server.js b/src/routes/(app)/[username]/card/[serial]/+page.server.js
index 49d7504c..72ce96d5 100644
--- a/src/routes/(app)/[username]/card/[serial]/+page.server.js
+++ b/src/routes/(app)/[username]/card/[serial]/+page.server.js
@@ -1,3 +1,18 @@
-export let load = async ({ params }) => {
-  return params;
-}
+import { auth, get } from '$lib/utils';
+import { redirect } from "@sveltejs/kit"
+
+export let load = async ({ cookies, params }) => {
+	let { serial } = params;
+	let pot;
+	try {
+		pot = await get(`/pot/${serial}`, auth(cookies));
+	} catch (e) {
+		console.log(e);
+	}
+
+	console.log('POT', pot);
+
+	if (pot) throw redirect(307, `/pot/${serial}`);
+
+	return params;
+};
diff --git a/src/routes/(app)/[username]/card/[serial]/+page.svelte b/src/routes/(app)/[username]/card/[serial]/+page.svelte
index e40554f2..aee3be28 100644
--- a/src/routes/(app)/[username]/card/[serial]/+page.svelte
+++ b/src/routes/(app)/[username]/card/[serial]/+page.svelte
@@ -1,9 +1,35 @@
 <script>
-  export let data;
-  let { serial } = data;
-  let balance = 0;
+	import { Card, Icon } from '$comp';
+	export let data;
+	let { serial } = data;
+	let balance = 0;
 </script>
 
-Card {serial}
-
-Balance {balance}
+<div class="space-y-5">
+<div class="relative flex justify-center gap-2">
+	<h1 class="text-2xl md:text-3xl font-semibold my-auto">Card {serial}</h1>
+</div>
+<div class="flex justify-center">
+	<a href={`/send/pot/${serial}`}>
+		<button
+			class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60 bg-black text-white justify-center gap-2"
+		>
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				class="invert text-black peer-placeholder-shown:text-gray-300 h-6 w-6 my-auto"
+				fill="none"
+				viewBox="0 0 24 24"
+				stroke="currentColor"
+			>
+				<path
+					stroke-linecap="round"
+					stroke-linejoin="round"
+					stroke-width="2"
+					d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"
+				/>
+			</svg>
+			<div class="my-auto">Add Funds</div>
+		</button>
+	</a>
+</div>
+</div>